<template>
	<view class="content">
		<view class="section-0">
			<view class="top">
				<view class="icon">
					<image mode="aspectFit" src="../../../src/imgs/account-tec-top.png"></image>
				</view>
				<view class="title">
					如果在使用过程中<br/>
					可以通过一下渠道向我们反馈
				</view>
				<view class="button" @click="handleCall('13511650235')">
					<view class="left">
						<view class="iconfont icon-24gl-phoneLoudspeaker"></view>
					</view>
					<view class="label">联系电话</view>
					<view class="right">
						<view class="iconfont icon-xiangyou1"></view>
					</view>
					<view class="value">13511650235</view>
				</view>
				<view class="button">
					<view class="left">
						<view class="iconfont icon-youxiang"></view>
					</view>
					<view class="label">邮箱</view>
					<view class="right"></view>
					<view class="value">16422557016@qq.com</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			handleCall(number) {
				uni.makePhoneCall({
				    phoneNumber: number
				});
			}
		}
	}
</script>
<style lang="scss" scoped>
	.section-0{
		width: 100%;
		height: calc(100vh - 104rpx);
		background-color: #2e5efe;
		.top{
			width: 100%;
			height: 100%;
			background-image: url(../../../src/imgs/account-top-full.jpg);
			background-size: cover;
			background-repeat: no-repeat;
			border-top-left-radius: 50rpx;
			border-top-right-radius: 50rpx;
			overflow: hidden;
			.icon{
				text-align: center;
				padding-top: 209rpx;
				padding-bottom: 48rpx;
				image{
					width: 114rpx;
					height: 122rpx;
				}
			}
			.title{
				width: 750rpx;
				margin-bottom: 137rpx;
				font-size: 22rpx;
				font-weight: normal;
				line-height: 56rpx;
				letter-spacing: 2rpx;
				color: #ffffff;
				margin: 0 auo;
				text-align: center;
			}
			.button{
				width: 668rpx;
				height: 98rpx;
				background-color: #ffffff;
				border-radius: 42rpx;
				margin: 0 auto;
				margin-bottom: 34rpx;
				@include clear();
				.left {
					float: left;
					margin-left: 36rpx;
					margin-right: 21rpx;
					font-size: 34rpx;
					height: 98rpx;
					line-height: 98rpx;
					color: #0535d6;
					font-weight: bold;
				}
				.label {
					float: left;
					height: 98rpx;
					line-height: 98rpx;
					font-size: 26rpx;
					font-weight: bold;
					font-stretch: normal;
					letter-spacing: 0rpx;
					color: #46464a;
				}
				.value{
					float: right;
					height: 98rpx;
					line-height: 98rpx;
					font-size: 26rpx;
					font-weight: bold;
					font-stretch: normal;
					letter-spacing: 0rpx;
					color: #46464a;
				}
				.right {
					float: right;
					width: 34rpx;
					font-size: 34rpx;
					height: 98rpx;
					line-height: 98rpx;
					margin-right: 35rpx;
					margin-left: 35rpx;
					color: #0535d6;
				}
			}
		}
	}
</style>
